<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang='en' xml:lang='en'>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('styles/img/info.png');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('styles/img/exito.png');
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('styles/img/alerta.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('styles/img/error.png');
}
.cabecera
{
display:none;
float:left; 
}
</style>
<script type="text/javascript" src="styles/support/indec.js"></script>
<script type="text/javascript" src="styles/menu/jquery-1.5.2.min.js"></script>
    <script type="text/javascript">

    $(document).ready(function(){
    	changeStatusByElements();
    	$("div.mensajes").mouseleave(function() {
            setTimeout(function(){ $(".mensajes").fadeOut(2000);},2000);
            setTimeout(function(){ $(".cabecera").fadeIn(2000);},4000);
        });
    });
</script>
<title><c:out value="${message}"/></title>

</head>
<input type="hidden" name="formStatusID" id="formStatusID" value="${formStatusIDAtt}" />  
<input type="hidden" name="elementID" id="elementID" value="${elementIDAtt}" />
<input type="hidden" name="pollStatusID" id="pollStatusID" value="${pollStatusIDAtt}" />
<c:if test="${(typeMessage==1)}">
	<div id="msge" class="error mensajes"><c:out value="${message}"/></div>
</c:if>
<c:if test="${(typeMessage==2)}">
	<div id="msge" class="alerta mensajes"><c:out value="${message}"/></div>
</c:if>
<body style="text-align: center;">
<c:if test="${(typeMessage==3)}">
	<div id="msge" class="info mensajes"><c:out value="${message}"/></div>
</c:if>
<c:if test="${(typeMessage==4)}">
	<div id="msge" class="exito mensajes"><span><c:out value="${message}"/></span></div>
</c:if>
<div class="cabecera">
	<table cellpadding="0" cellspacing="0" border="0" width="1000">
		<tr>
			<td><img src='styles/img/logo_ministerio.png' width='243'
				height='62' alt='Escudo Nacional' /></td>
			<td><img src="styles/img/logo_indec.jpg" width="220" height="83"
				alt="Logo INDEC" /></td>
		</tr>
	</table>
</div>
</body>
</html>